<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/Iss-base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <header>
        <div class="content">
            <div class="hd">
                <div class="logo">
                    <img src="./image/logo.jpg" alt="">
                </div>
                <div class="hd-nav">
                    <ul>
                        <li>
                            <img src="./image/icon_count.png" class="hot-icon" alt="">
                            尾品汇</li>
                        <li>当当优品</li>
                        <li>数字馆</li>
                        <li>都看阅器</li>
                    </ul>
                </div>
            </div>
            <nav class="nav">
                <ul>
                    <li>首页</li>
                    <li>图书</li>
                    <li>音像</li>
                    <li>服装</li>
                    <li>鞋靴</li>
                    <li>运动</li>
                    <li>箱包</li>
                    <li>美妆</li>
                    <li>珠宝</li>
                    <li>家具</li>
                    <li>食品</li>
                    <li>酒</li>
                    <li>手机</li>
                    <li>数码</li>
                    <li>电脑</li>
                    <li>家电</li>
                </ul>
            </nav>
            <div class="banner">
                <img src="./image/banner.png" alt="">
            </div>
            <div class="box-content">
                <div class="content-hd">
                    <img src="./image/bg_bang.jpg" alt="">
                </div>
                <div class="content-bd">
                    <div class="bd-left">
                        <div class="bd-left-img">
                            <img src="./image/book-01.jpg" alt="">
                            <img src="./image/bookNo1.jpg" alt="" class="book_icon">
                        </div>
                        <div class="bd-left-content">
                            <a
                                href="javascript:;">偷影子的人</a>
                            <ul style="margin-top: 8px;">
                                <li>作者: [法]马克●李维(Marc Levy)著
                                </li>
                                <li>出版社：湖南文艺出版社</li>
                                <li>当当价:<span style="color: #8F223F;font-weight: bold;">￥17.90</span></li>
                                <li>不知道姓氏的克蕾儿。这就是你在我生命里的角色，
                                    我童年时的小女孩，今日蜕变成了女人，一段青梅竹
                                    马的回忆，-个时间之神没有应允的愿望。-个老
                                    是受班.上同学欺负的瘦弱小男孩，因为拥有-种特殊
                                    能力而强大:他能偷别人的影子”
                                </li>

                            </ul>


                        </div>
                    </div>
                    <div class="bd-right">
                        <ul>
                            <li class="flex-li">
                                <div class="li-book-icon">
                                    <img src="./image/book-02.jpg" alt="">
                                    <img src="./image/bookNo2.jpg" alt="" class="books_icon">
                                </div>
                                
                                <div>
                                    <a href="javascript:;" style="font-size: 14px;">看见(央视知名记者、主持人柴静:十年个人
                                        成长的告白，中国社会变迁的备忘
                                    </a>
                                    <ul>
                                        <li>作 者:柴静 著</li>
                                        <li>出版社： 广西师范大学出版社</li>
                                        <li>
                                            <p style="color: #8E112B;font-weight: bold;">￥29.40 <span style="color: #5EA593;margin-left: 15px;">7.4折</span></p>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!--  -->
                            <li class="flex-li">
                                <div class="li-book-icon">
                                    <img src="./image/book-03.jpg" alt="">
                                    <img src="./image/bookNo3.jpg" alt="" class="books_icon">
                                </div>
                                
                                <div>
                                    <a href="javascript:;" style="font-size: 16px;">改变孩子先改变自己
                                    </a>
                                    <ul>
                                        <li>作 者:贾容韬 贾毅 著</li>
                                        <li>出版社：  作家出版社</li>
                                        <li>
                                            <p style="color: #8E112B;font-weight: bold;">￥22.20 <span style="color: #5EA593;margin-left: 15px;">7.4折</span></p>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!--  -->
                        </ul>
                    </div>
                </div>
            </div>
            <footer class="footer">
                <div class="footer-box">
                    Copyright (C) 当当网 2004-2017，All Rights Reserved <img src="./image/validate.jpg" alt="">
                    <a href="javascript:;">京ICP证041189号出版物经营许可证</a>
                    <a href="javascript:;">新出发京批字第直0673号</a>
                </div>
            </footer>
        </div>
    </header>
</body>

</html>